<%@ page contentType="text/html; charset=gb2312" language="java"
	import="java.sql.*" errorPage=""%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Dashboard</title>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<link rel="stylesheet" type="text/css" href="CSS/divs.css">
	</head>
	<body>
		<div id="row1">
			<center>
				<img src="images/sailing.jpg" alt="" name="Banner" width="950"
					height="100" id="Banner" />
			</center>
		</div>
		<H2 ALIGN="CENTER">
			<%
			float percent311 = 20, rest311 = percent311, h311, percent312 = 40, rest312 = percent312, h312, percent321 = 60, rest321 = percent321, h321, percent34 = 20, rest34 = percent34, h34;
			%>
			<%
						h311 = 340 * (Float.parseFloat(session.getAttribute("high311")
						.toString())) / 100;
				h312 = 340 * (Float.parseFloat(session.getAttribute("high312")
						.toString())) / 100;
				h321 = 340 * (Float.parseFloat(session.getAttribute("Hit_ratioh")
						.toString())) / 100;
				h34 = 340 * (Float.parseFloat(session.getAttribute("high34")
						.toString())) / 100;
			%>
		</H2>

		<div id="Layer1">
			<div id="Layer2" style="top: 44px; left: <%=h311%>   px;">
				<img src="images/arrowhead.jpg" width="8" height="41" />
			</div>
			<TABLE WIDTH="340" style="position: absolute; top: 40px; left: 1px;">
				<TR>
					<%
					for (float i = 1; i <= percent311; i = i + 1) {
					%>
					<TD WIDTH="1%" height="29" BGCOLOR="red"></TD>
					<%
						percent311 = percent311 - 1;
						}
					%>
					<%
					for (float i = rest311; i < 100; i = i + 1) {
					%>
					<TD WIDTH="1%" height="29" BGCOLOR="BLUE">
					</TD>
					<%
					}
					%>
				</TR>
			</TABLE>
			<p align="center">
				Overall Dictionary Cache Hit Ratio
			</p>
			<p>
				&nbsp;
			</p>
			<p>
				&nbsp;
			</p>
			<form id="form1" name="form1" method="post" action="">
				<label>
					high:<%=session.getAttribute("high311")%>%
				</label>
			</form>
			<form id="form2" name="form2" method="post" action="">
				<label>
					middle:<%=session.getAttribute("middle311")%>%
				</label>
			</form>
			<form id="form3" name="form3" method="post" action="">
				<label>
					low:<%=session.getAttribute("low311")%>%
				</label>
			</form>
			<p>
				&nbsp;
			</p>
		</div>

		<div id="Layer3">
			<div id="Layer4" style="top: 44px; left: <%=h312%>   px;">
				<img src="images/arrowhead.jpg" width="8" height="41" />
			</div>
			<table width="340"
				style="position: absolute; top: 40px; left: -1px; width: 345px;">
				<tr>
					<%
					for (int i = 1; i <= percent312; i = i + 1) {
					%>
					<td width="1%" height="29" bgcolor="red"></td>
					<%
						percent312 = percent312 - 1;
						}
					%>
					<%
					for (float i = rest312; i < 100; i = i + 1) {
					%>
					<td width="1%" height="29" bgcolor="BLUE"></td>
					<%
					}
					%>
				</tr>
			</table>
			<p align="center">
				Library Cache Hit Ratio
			</p>
			<p>
				&nbsp;
			</p>
			<p>
				&nbsp;
			</p>
			<form id="form1" name="form1" method="post" action="">
				<label>
					high:<%=session.getAttribute("high312")%>%
				</label>
			</form>
			<form id="form2" name="form2" method="post" action="">
				<label>
					middle:<%=session.getAttribute("middle312")%>%
				</label>
			</form>
			<form id="form3" name="form3" method="post" action="">
				<label>
					low:<%=session.getAttribute("low312")%>%
				</label>
			</form>
			<p>
				&nbsp;
			</p>
		</div>

		<div id="Layer5">
			<div id="Layer6" style="top: 44px; left: <%=h321%>   px;">
				<img src="images/arrowhead.jpg" width="8" height="41" />
			</div>
			<table width="340"
				style="position: absolute; top: 40px; left: -1px; width: 345px;">
				<tr>
					<%
					for (int i = 1; i <= percent321; i = i + 1) {
					%>
					<td width="1%" height="29" bgcolor="red"></td>
					<%
						percent321 = percent321 - 1;
						}
					%>
					<%
					for (float i = rest321; i < 100; i = i + 1) {
					%>
					<td width="1%" height="29" bgcolor="BLUE"></td>
					<%
					}
					%>
				</tr>
			</table>
			<p align="center">
				Buffer cache hit ratio
			</p>
			<p>
				&nbsp;
			</p>
			<p>
				&nbsp;
			</p>
			<form id="form1" name="form1" method="post" action="">
				<label>
					high:<%=session.getAttribute("Hit_ratioh")%>%
				</label>
			</form>
			<form id="form2" name="form2" method="post" action="">
				<label>
					middle:<%=session.getAttribute("Hit_ratiom")%>%
				</label>
			</form>
			<form id="form3" name="form3" method="post" action="">
				<label>
					low:<%=session.getAttribute("Hit_ratiol")%>%
				</label>
			</form>
			<p>
				&nbsp;
			</p>
		</div>


		<div id="Layer7">
			<div id="Layer8" style="top: 44px; left: <%=h34%>   px;">
				<img src="images/arrowhead.jpg" width="8" height="41" />
			</div>
			<table width="340"
				style="position: absolute; top: 40px; left: -1px; width: 345px;">
				<tr>
					<%
					for (int i = 1; i <= percent34; i = i + 1) {
					%>
					<td width="1%" height="29" bgcolor="red"></td>
					<%
						percent34 = percent34 - 1;
						}
					%>
					<%
					for (float i = rest34; i < 95; i = i + 1) {
					%>
					<td width="1%" height="29" bgcolor="BLUE"></td>
					<%
					}
					%>
				</tr>
			</table>
			<p align="center">
				Average Cache Hit Percentage in PGA
			</p>
			<p>
				&nbsp;
			</p>
			<p>
				&nbsp;
			</p>
			<form id="form1" name="form1" method="post" action="">
				<label>
					high:<%=session.getAttribute("high34")%>%
				</label>
			</form>
			<form id="form2" name="form2" method="post" action="">
				<label>
					middle:<%=session.getAttribute("middle34")%>%
				</label>
			</form>
			<form id="form3" name="form3" method="post" action="">
				<label>
					low:<%=session.getAttribute("low34")%>%
				</label>
			</form>
			<p>
				&nbsp;
			</p>
		</div>
		<div id="Menu">
			<a href="dashboard.jsp" title="Introduction">Dashboard</a>
			<br />

			<a href="link.html" title="Links">Links</a>
			<br />
			<a href="blog.html" title="Blog">Blogs</a>
			<br />
			<a href="login.jsp" title="Log Out">Log out</a>
			<br />
		</div>
	</body>
</html>
